<!-- Plenty of extra work to do here.... -->

<!doctype html>
<html>
	<head>
		<meta name="layout" content="main"/>
		<title>COS 470 JohnsPare</title>
		<style type="text/css" media="screen">
		
		#page-body{
			padding-bottom: 5em;
			padding-top:2em;
		}
		
		#text1{
			margin-top:-140px;
			margin-left:18em;
			margin-right:10em;
		}
		
		#photo1{
			margin-top:30px;
			margin-left:2em;
			margin-right: 2em;
			position:relative;
		}
		
		#photo2{
			margin-top:30px;
			margin-left: 38em;
			
		}
		
		#text2{
			margin-top:-50px;
			margin-left: 10em;
			margin-right: 25em;
		}
		
		#last5{
			padding-top:20px;
			margin-bottom:20px;
		}
		

		</style>
	
	<script type="text/javascript">
			$(document).ready(function(){
				$('#photo1').cycle({fx:'fade'});

				var auto_refresh = setInterval(
		                  function () {
		                        $('#last5').load('/Books4Africa/BookRequest/last5').fadeIn("slow");
		                  }, 10000); // refresh every 10000 milliseconds 
			});
	</script>
	
	</head>
	<body>
	
		<div id="page-body">
		
			<div id="photo1">
				<img src="${createLinkTo(dir:'images', file:'kids1.png') }" width="200" height=144"/>
				<img src="${createLinkTo(dir:'images', file:'children-reading.jpg') }" width="200" height="144" />
				<img src="${createLinkTo(dir:'images', file:'Zahmira.jpg') }" width="200" height="144" />
				<img src="${createLinkTo(dir:'images', file:'lglibrarychildren.jpg') }" width="200" height="144" />
			</div>
		
			<div id="text1">
				<h2>Welcome to Books For Africa! </h2>
				<br/>
				
				<p>
					This project was implemented by Jason Johns and Brad Pare to allow people from
					all over the world to donate needed books to help increase literacy among Africa's
					children and adults.  Teachers can initiate requests for specific books and donors 
					pledge to fufill 
				</p>
			
			</div>
			<div id="photo2">
				<img src="${createLinkTo(dir:'images', file:'kids2.jpg') }" width="200" height="85"/>
			</div>
			
			<div id="text2">
				
				<p>For the fourth iteration, we've been busy with the following:
				
					<ul style="margin-top:15px; margin-left:2em; list-style-type:disc">
						<li>Implementing a service layer and moving existing logic from controllers to specific services</li>
						
						<li>Implemented Order Fulfillment functionality
							<ul>
								<li>Email capability exists, but not fully implemented due to issues setting up local SMTP server</li>
							</ul>
						</li>
						
						<li>Adapt to the REST architecture</li>
						<li>Finish integrating security and access restrictions based on defined roles</li>
						<li>Removed scaffolding and unified the UI</li>
						<li>Complete integration/unit testing</li>
					</ul>
			
				</p>
			</div>
			 <div id="last5">
                  <g:render template="../last5" />
             </div>

		</div>
	</body>
</html>
